import React, { useState,useEffect } from "react";

//‌useEffect‌ 是 React 16.8 版本引入的一个钩子函数，用于在函数组件中执行副作用操作。
// 副作用是指在组件渲染过程中，可能会对外部环境产生影响的操作，比如数据获取、订阅事件、操作 DOM等.

//useEffect接受两个参数：一个是副作用函数，另一个是依赖数组。
function App() {
  const [name, setname] = useState("小明")

  // 带参, 第一次执行一次， 之后name（依赖）更新也会执行
  useEffect(() => {
    console.log("带参数useEffect执行了", name)
  }, [name]);
  
  return (
    <div>
      app-{name}
      <button
        onClick={() => {
          setname("小红")
        }}
      >
        click
      </button>
    </div>
  );
}
export default App